<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>

        li{
            float: left;
            border: #E4E1E3 solid 1px;
            list-style: none;
            display: inline-block;
            margin: 5px;
        }
        ul{
            width: auto;
            height: 25px;
            border-bottom: 2px silver solid;
        }
        #b{

        }
    </style>
</head>


    <h1>名人名言</h1>
    <p id="a">分享名人名言，开始一段触动心灵的智慧之旅跳到内容</p>
    <ul>
        <li>登录</li>
        <li>关于</li>
        <li>名人名言</li>
        <li>英文名言</li>
        <li>心里杂志</li>
        <li>心里书记</li>
        <li>专题活动</li>
        <li>发表</li>
    </ul>

<div style="width: 600px;height: 150px;border:#E4E1E3 solid 2px; ">
    <h2 id="b">心里学经典名言智慧</h2>
    <p id="c">洞察人性的美与丑，认识自我的强与弱。一句好的格言能够穿越时间，永不失色、历久弥香,它总是能给人们带来心灵的滋养。</p>
</div>

<div style="width: 600px;height: 50px">
 <b>   <p>创造力( creativity )有两个词根:Crera拉丁语的意思是“去创造”。Krainir希腊语的意思是“去实现”"。
        所以，创造力不仅仅是一种想象力、一种天赋，创造力更是一种将自己的想法付诸实现的能力。</p></b>
</div>

<div style="height: 50px;width: 600px">
    <p>创造力（ creativity )有两个词根:Crera拉丁语的意思是"去创造"。Krainir希腊语的意思是*去实现"。所以,创造力不仅仅是一种想象力、一种天赋，创造力更是一种将自己的想法付诸实现的能力。</p>
</div>

<div style="width: 600px;">
    <h1>作者简介</h1>
</div>

<div style="height: 50px;width: 600px">
    <p>如果你还没有注意到你有能力让对方作出你所希望得到的反应，那么你就还没有很好地掌握人生的真谛。这其实简单到不可思议。如果你希望他人对你感兴趣，那么你就要先对他人产生兴趣;如果你想让他人紧张，那么你自己首先要紧张起来。就是这么简单。人们会按照你对待他们的方式对待你。这其中没有什么秘诀。看看周围的人，你可以在与下一个人交流时证实这一点。</p>
</div>

<div style="width: 600px;height: 100px;position: relative;top: 50px">
    <p>如果你还没有注意到你有能力让对方作出你所希望得到的反应，那么你就还没有很好地掌握人生的真谛。这其实简单到不可思议。如果你希望他人对你感兴趣，那么你就要先对他人产生兴趣;如果你想让他人紧张，那么你自己首先要紧张起来。就是这么简单。人们会按照你对待他们的方式对待你。这其中没有什么秘诀。看看周围的人，你可以在与下一个人交流时证实这一点。

    </p>
</div>

<div style="border: 2px solid #E4E1E3;position: relative;top: 80px;width: 600px">
    <p style="position: relative;top: 0px;">赞助广告</p>
    <img style="position: relative;top: 0px" src="./img/ad_2.jpg" alt=""/>
</div>


<div style="position: relative;left: 650px;top: -650px;border:solid 2px saddlebrown;height: 700px;width: 600px">
    <p>
        赞助广告
    </p>
    <img src="./img/ad.jpg" alt=""/>
    <p>搜索</p>
    <input type="text">
    <p>标签</p>
    <p>60年语录《犯罪心理》世间百态二十四史传统名人体育人物卡斯特罗卡斯特罗名言卡斯特罗语录历史友谊爱情古代格言名人名言名人随语教子立人新闻事件李白爱情语录韩寒语录</p>
</div>
</body>
</html>